.review-void
  border none
  margin 0

.create-form
  background-color #f6f8fa
  border-radius 3px
  padding 25px

.input
  label
    display block
    width 100%
    text-align left
    margin-bottom 4px
    color #777
  [data-role="fieldBox"]
    display block
  [data-role="fieldInputBox"]
    width 100%
.select
  margin-top 16px
  .select
    margin-top 0
  label
    width 60px
    text-align left
  [data-role="fieldBox"]
    span
      background-color transparent
      color #9eaec0

.btn-bar
  height 30px
  margin 0 -5px
  [data-role='button']
    margin 0 5px
  .d-btn
    float left
    background-color transparent
    color #fc799b
    border 1px solid #fc799b
    &:active
      background-color transparent
      color #fc799b
      border 1px solid #fc799b
  .r-info
    float right
    margin 0 5px
    color #9faebf
    line-height 30px
  .l-btn
    float left
  .r-btn
    float right
  .bl-dis
    border-color #aaa
    color #aaa
  .c-btn
    float right
    background-color transparent
    color #9eb5cc
    &:active
      background-color transparent
      color #758ea8
.a-btn
  margin 24px 0
.s-btn
  display inline-block
  vertical-align top
  margin-top 2px
  margin-left 5px
.create-project-box
  border-bottom 1px solid #e4efee
.update-project
  background-color transparent
.project-box
  position relative
  &:hover
    .project-edit
      opacity 1
  .avatar-box
    margin-top -15px
    margin-bottom 15px
.project-title
  font-size 18px
  margin-bottom 10px
  margin-top 24px
.project-info
  font-size 12px
  color #8b909d
  margin-bottom 28px
.project-comment 
  margin-bottom 26px  
.project-edit
  transition .3s
  position absolute
  top 0
  right 0
  opacity 0
  

.question-box
  padding 25px 0
  border-bottom 1px solid #e4efee
  &:last-child
    border-bottom 0
  &:first-child
    padding-top 0
.question-title
  font-size 18px
  margin-bottom 14px
.question-text
  margin-bottom 25px


.invited-search
  width 450px
  border 1px solid #e3e7ef
  border-radius 3px
  padding-left 10px
  padding-top 4px
  height 35px
  margin-bottom 22px
  display inline-block
  [data-role="fieldArea"]
    margin-bottom 0
  [data-role="fieldInputBox"]
    border-bottom 0
    &:after
      display none
.invited-list
  padding 10px 0 20px
.invited-item-box
  width 450px
  height 65px
  border 1px solid #ddd
  border-radius 3px
  margin 7px 0
  line-height 65px
  transition .3s
  &:hover
    border-color #65bfdc
    box-shadow 0 0 10px rgba(111,192,217, .66)
  >*
    display inline-block
    vertical-align middle
.invited-item-name
  width 176px
  font-size 14px
  color #398EE0
.invited-item-level
  width 155px
  color #aaa
.invited-item-del
  color #d1d6dc
  transition .3s
  cursor pointer
  &:hover
    color #4eacfb
    
.detail-area
  margin-bottom 28px
  border 1px solid #dddddd
  border-radius 3px
  padding 20px 30px
  transition .3s
  background-color #fff
  &:hover
    box-shadow 0 0 15px rgba(170,170,170,.4)
.detail-title
  font-size 18px 
  padding-bottom 14px 
  border-bottom 1px solid #eeeeee
  margin-bottom 12px
  
  
.detail-box
  .invited-item-box
    margin 0
    border-radius 0
    border 0
    border-bottom 1px solid #e4efee
    width 100%
    &:hover
      box-shadow none
      border-color #e4efee
    &:last-child 
      border 0
  .invited-item-name 
    width auto
    margin-right 20px
  .question-title, .project-title
    color #3e90dd
    font-size 16px
.detial-project
  .project-comment 
    margin-bottom 0px
  padding-bottom 25px
  margin-bottom 30px
  border-bottom 1px solid #e4efee
  &:last-child
    border-bottom 0
.detail-question
  border-bottom 1px solid #e4efee
  margin-bottom 30px
  .question-box
    padding-bottom 0
  &:first-child 
    margin-top 30px
  &:last-child
    border 0

.avatar-box
  margin-bottom 5px
  >* 
    display inline-block
    vertical-align middle
.avatar-name
  color #3e90dd
  
.detail-page
  width 900px
  margin 0 auto
.detail-stepItem
  background-color transparent
  padding 0
